<!DOCTYPE HTML>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>装修进程</title>
    <link rel="stylesheet" type="text/css" href="../css/aui.css" />
    <link rel="stylesheet" type="text/css" href="../css/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="css/comm.css" />
    <link rel="stylesheet" type="text/css" href="css/zxresult.css" />
    <link rel="stylesheet" type="text/css" href="../script/mui/mui.picker.min.css" />
    <link rel="stylesheet" type="text/css" href="../script/mui/mui.reset.css" />

</head>

<body>
    <div id="app" v-cloak>
        <div class="mask_bg" v-on:click="doCloseRoom()" v-if="IsRoomOpen"></div>
        <!-- 选择装修阶段 -->
        <div class="choose_box" v-if="IsRoomOpen">
            <div class="choose_room_title">装修进程</div>
            <div class="choose_room_content">
                <div class="zx_tipItem" v-for="item in JcList">
                    <div class="chooseIcon lft">
                        <i v-if="item.CompleteStatus==2" class="icon iconfont icon-xuanze-lan" style="font-size: 16px; color: #bbb;" ></i>
                        <i v-if="item.CompleteStatus==1" class="icon iconfont icon-hongdian" style="font-size: 14px;color: #289fff;" ></i>
                        <i v-if="item.CompleteStatus==0" class="icon iconfont icon-hongdian" style="font-size: 14px;  color: #ccc;" ></i>
                    </div>
                    <div class="Item_box rgt">
                        <div class="Item_one">
                            <div class="Item_name lft">{{item.CheckName}}</div>
                            <div class="Item_time rgt">{{item.CompleteTime}}</div>
                        </div>
                        <div class="Item_tip">第{{item.SortOrder}}阶段</div>
                    </div>
                </div>
            </div>
        </div>




<div style="margin-top: 0px;">
        <div class="aui-content">
            <!-- v-if="type==1&&form.jieduanstatus>0" -->
            <div class="boxarea mainbox" >
                <div class="app_list_txt noline" style="padding-left: 0px;">
                    <span>巡查内容</span>
                </div>
                <div class="gd-contain mt10">
                    <div v-if="form.Sort>0" class="examine_con">
                        <div class="examine_con_list" v-on:click="do_chooseSteps()">
                            <div class="xunchatips_lft ellipsis_one">
                                <i class="icon iconfont icon-1"  style=" font-weight: unset; top:-1px; font-size: 0.8rem; "></i>
                                第{{form.Sort}}阶段：{{form.CheckName}}
                            </div>
                            <div class="xunchatips_rgt"><i class="icon iconfont icon-xiangyoujiantou"  style="float: right; font-weight: unset; top:-1px; font-size: 0.75rem; color: #CACED2;"></i></div>
                        </div>
                        <div class="xuncha_bz">
                            <ul>
                                <li>{{form.CheckContent}}</li>
                            </ul>
                        </div>
                    </div>
                    <div v-if="!form.Sort" style="margin-top: 10px;">
                        <img style="width: 30%; margin: 10px auto;" src="../image/nooo.png">
                    </div>
                </div>
            </div>
            <!-- 巡查结果 -->
            <div class="boxarea mainbox" >
                <div class="equipment_result_title_input">
                    <div>
                        <label class="label_radio" v-on:click="select_all_active(1)">
                            <input class="aui-radio" type="radio" name="allnormal">
                            正常
                        </label>
                        <label class="label_radio" v-on:click="select_all_active(2)">
                            <input class="aui-radio" type="radio" name="allnormal">
                            异常
                        </label>
                    </div>
                </div>
            </div>
            <div class="boxarea mainbox" >
                <div class="equipment_result_edit">
                    <div class="aui_formtitle contentdec app_list_txt noline" style="padding-left: 0px;"><span>巡查结果</span></div>
                    <!-- <div v-if="type==2" class="aui_formtitle contentdec app_list_txt noline" style="padding-left: 0px;"><span>查验结果</span></div> -->
                    <div class="aui-list-item-inner input-pad">
                        <div class="aui-list-item-input">
                            <textarea  v-model="Content" placeholder="请填写详细的巡查结果(选填信息)"  style="height: 6rem; margin-top: 10px;"></textarea>
                        </div>
                    </div>
                </div>
                <div class="imglist_box">
                    <div class="imglist_item" v-for="(item,index) in imglist">
                        <img v-on:click="do_viewimages(index)" class="imgitem ml4" v-bind:src="item.url" />
                        <img v-on:click="remove_img(index,item)" class="onmouse_close" src="../image/close_mouseover.svg" />
                    </div>
                    <div v-if="imglist.length<maxuploadcount"  class="imglist_item ml4">
                        <div class="img_plusbox">
                            <img v-on:click="choose_picture()" src="../image/photo_image.svg" />
                        </div>
                        最多支持{{maxuploadcount}}张
                    </div>
                </div>
            </div>
            <div v-if="type!=2" class="user_agree" >
                <input v-on:click="do_agree()" class="aui-radio" type="checkbox">
                <label v-on:click="do_agree()" class="agree_btn">保存后进入装修的下一阶段</label>
            </div>
        </div>
        <div class="bottom">
            <div class="aui_bottombtn" v-on:click="do_save()">保存</div>
        </div>

    </div>


    </div>
</body>
<script type="text/javascript " src="../script/api.js "></script>
<script type="text/javascript " src="../script/vue.js "></script>
<script type="text/javascript" src="../script/config.js"></script>
<script type="text/javascript" src="../script/common.js"></script>
<script type="text/javascript" src="../script/mui/mui.min.js"></script>
<script type="text/javascript" src="../script/mui/mui.picker.min.js"></script>
<script type="text/javascript" src="../script/mui/mui.poppicker.js"></script>
<script type="text/javascript" src="../script/aui-toast.js"></script>
<script type="text/javascript" src="../script/page/dateRangeUtil.js"></script>
<script type="text/javascript" src="../script/highcharts/highcharts.js"></script>
<script type="text/javascript" src="../script/highcharts/modules/exporting.js"></script>
<script type="text/javascript" src="js/xcResult.js"></script>

</html>
